html,body,td, input, textarea, select, div {
    font-family: Arial, Helvetica, sans-serif, simsun, '\5b8b\4f53';
    font-size: 12px;
}

/* 左浮动 */
.fl {
    float: left;
}

/*子项目上下左右居中*/
.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*子项目左右居中，顶部对齐*/
.flex1 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
/*子项目上下居中，左对齐*/
.flex3{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: left;
    padding-left: 20px;
}
/*子项目上下左右居中，纵向排列*/
.flex4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.flexSon {
    flex: 1;
    height: 100%;
    flex-direction: column;
    flex-wrap: wrap;
}

/* 清除浮动 */
.clearfix:after {
    display: block;
    content: "";
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
    visibility: hidden;
}
.sflheader{
    height: 60px;
    line-height: 60px;
    padding: 0 10px 0 20px;
    text-align: left;
    background-color: #00893d;
}
/*查询条件统一样式*/
.query-conditions{
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.min-width-110{
    min-width: 110px;
}
.min-width-120{
    min-width: 120px;
}
.min-width-140{
    min-width: 140px;
}
.min-width-160{
    min-width: 160px;
}
.min-width-200{
    min-width: 200px;
}
.width-120{
    width: 120px;
}
.width-150{
    width: 150px;
}
.width-180{
    width: 180px;
}
.datewidth-150{
    width: 150px;
    min-width: 150px !important;
}
/*右侧子页面最外层div-场景一*/
.contentRight{
    position: relative;
    height: 100%;
    background: #fff;
}
/*右侧子页面最外层div-场景二（右侧整个背景都是同色的）*/
.contentRight2{
    background-color: #fff;
}
/*右侧容器遮罩*/
.zhezhaoContentRight{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 1000;
}
.whiteColor{
    background-color: #fff;
}
/*右侧子页面最外层div-场景二（右侧整个背景都是同色的）*/
.components-layout-demo{
    background-color: #fff;
    height: 100%;
}

.divPadiAlign{
    padding: 5px 10px 10px 10px;text-align: left;
}
.button-marin{
    margin-right: 10px;
}
.contShortwidth {
    width: auto;
    min-width: 60px;
    margin: 0;
    padding: 0;
}
.contwidthLon {
    width: auto;
    min-width: 130px;
}
.marginBottom{
    margin-bottom: 10px;
}
.marginLeft10{
    margin-left: 10px;
    background-color: #fff;
    height: 100%;
}
.wahiteBgcHeight100{
    background-color: #fff;
    height: 100%;
}
/*用于一排两个以上a-col时的分割10px*/

.cardSelf{
    height: 340px;
    background-color: rgb(240, 242, 245);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*卡片下拉菜单按钮*/
.menuA{
    font-size: 12px;
}
.ant-dropdown-menu{
    max-height: 300px;
    overflow: auto;
}
/*总基地遮罩*/
.zhezhaoAllBase{
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 10;
}
/*单个基地遮罩*/
.zhezhaoBase{
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 100;
}
/*整个页面遮罩-通用*/
.zhezhaoPage{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index:1100;
}
/*环状图形初始化*/
.charthuan{
    width: 80%;height: 200px;text-align: center;margin: 0 auto;
}
/*柱状图形初始化*/
.chartzhu{
    width: 100%;height: 200px;text-align: center;margin: 0 auto;
}
/*柱状图形3初始化*/
.chartzhu3{
    width: 100%;height: 380px;text-align: center;margin: 0 auto;
}
/*柱状图形3初始化*/
.chartzhu330{
    width: 100%;height: 330px;text-align: center;margin: 0 auto;
}
/*柱状图形4初始化*/
.chartzhu4{
    width: 100%;text-align: center;margin: 0 auto;
}
/*柱状图形3初始化*/
.chartzhu5{
    width: 100%;height: 300px;text-align: center;margin: 0 auto;
}
.chartzhu div canvas,.chartzhu canvas{
    width: 100% !important;
    /*height: 330px !important;*/
}

.span-color{
    width: 30px;height: 20px;display: inline-block;margin-right: 5px
}
/*车位统计页面图标*/
.carIconImg,.carIconImg2{
    width: 90px;
    height: 90px;
    display: inline-block;
    margin-right: 10px;
}
.carIconImg2{
    width: 40px;
    height: 40px;
}

.divbox{
    position: absolute;
    width: 100%;
    top: 90px;
    bottom: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.mapflex{
    width: 90%;
}

.nowMonth{
    margin-right: 10px;display: inline-block;height: 50px;cursor: pointer;
}
/* 边框 */
.borderBox{
    border: 1px solid #eee;
    height: 300px;
}

.areaNotOpened{
    width: 100%;height: 200px;text-align: center;line-height: 200px
}
/*访客系统中国地图*/
.baseMapBg{
    height: 100%;
    width: 100%;
    background: url(https://digitalsecurity.oss-cn-hangzhou.aliyuncs.com/visit/static/img/baseMap.jpg) no-repeat center center;
    background-size: contain;
}

/*底部边距-通用*/
.marginBtm {
    margin-bottom: 5px;
}
/*间隔-通用*/
.height8 {
    height: 8px;
}
/*间隔-通用*/
.height10 {
    height: 10px;
}

/*登录页验证码容器*/
.posSon{
    position: absolute;
    height: 30px;
    right: 1px;
    margin-top: -15px;
    top: 50%;
    display: flex;
    align-items: center;
    z-index: 100;
}
/*表格自定义样式-通用*/
.tableOthStyle{
    padding: 0 10px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap .ant-tabs-tab:first-child{
    margin-left: 10px;
}
/*门禁系统样式--开始*/

/*门禁系统安亭基地图片*/
.baseMapAnting{
    height: 90%;
    width: 100%;
    background: url("../baseMapAnting.jpg") no-repeat center center;
    background-size: contain;
}
.span-round{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 10px;
}
.classDevice{
    text-align: left;
    line-height: 1;
}
.photoBox{
    width: 100px;
    height: 130px;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    background-color: #F9F9F9;
}
/* 边框 */
.borderBox{
    border: 1px solid #eee;
    height: 300px;
}
/*.ant-tabs-bar {*/
    /*margin: 0 0 10px 5px;*/
/*}*/
.layout-sider-left{
    width: 240px !important;
    max-width: 240px !important;
    flex: 0 0 240px !important;
    background: #fff;
}
.layout-sider-left:after{
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #e8e8e8 ;
    z-index: 999;
}
/*表格底部边框强行控制在底部时，右侧边框会断节*/
.ant-table-small.ant-table-bordered{
    border: 1px solid #e8e8e8;
}
/*由于ant-table-content强行给高度，为了吧分页定在底部，表格最后一行没有底部边框很难看*/
/*.ant-table-small > .ant-table-content .ant-table-placeholder, .ant-table-small > .ant-table-content .ant-table-row:last-child td{*/
    /*border-bottom: 1px solid #e8e8e8;*/
/*}*/
/*.ant-table-tbody > tr.ant-table-row-selected td {*/
    /*color: inherit;*/
    /*background: #fafafa;*/
/*}*/
/*被选中行的背景色样式*/
.ant-table-tbody>tr.ant-table-row-selected td{
    background: #e0f1e8;
}

/*选中后的表格行鼠标悬浮样式*/
.ant-table-tbody>tr.ant-table-row-selected>td.ant-table-column-sort, .ant-table-tbody>tr:hover.ant-table-row-selected>td, .ant-table-tbody>tr:hover.ant-table-row-selected>td.ant-table-column-sort, .ant-table-thead>tr.ant-table-row-selected>td.ant-table-column-sort, .ant-table-thead>tr:hover.ant-table-row-selected>td, .ant-table-thead>tr:hover.ant-table-row-selected>td.ant-table-column-sort{
    background: #e0f1e8;
}
/*未被选中的表格行鼠标悬浮样式*/
.ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td{
    background: #ebeef0;
}
 /*把断节的边框去掉，使用上面的样式重写边框*/
.ant-table-small.ant-table-bordered .ant-table-content{
    border-right: 0;
}
.tableStyle .ant-table-bordered{
    border-right: 0;
}

/*侧边组件的右边框会变成两像素*/
.tableStyle,.a-table{
    wordBreak: break-all;
}
.ant-table td { white-space: nowrap; }
.ant-table-pagination.ant-pagination{
    margin-bottom: 2px;
}
.ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title{
    /*自带的，注释掉*/
    /*width: calc(100% + 1px);   */
    /*覆盖样式-自带的样式有bug，一级菜单且没有子菜单时鼠标悬浮时该菜单共宽度会加1px减1px来回切换，造成左侧菜单会有晃动效果*/
    width: auto;
}

/*门禁系统样式--结束*/